<!DOCTYPE html>
<!-- saved from url=(0050)http://www.jq22.com/demo/CSS3Ring-Nav201703212225/ -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<title>ring-nav</title>
	<link rel="stylesheet" type="text/css" href="css/index.css">	
</head>`
<body>
<div class="nav-bak-inner">
	<div class="nav-item"><span class="nav-text">菜单一</span>
		<div class="nav-link">
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接一1</span></div></div>
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接一2</span></div></div>
		</div>
	</div>
	<div class="nav-item"><span class="nav-text">菜单二</span>
		<div class="nav-link">
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接二1</span></div></div>
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接二2</span></div></div>
		</div>
	</div>
	<div class="nav-item"><span class="nav-text">菜单三</span>
		<div class="nav-link">
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接三1</span></div></div>
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接三2</span></div></div>
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接三3</span></div></div>
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接三4</span></div></div>
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接三5</span></div></div>
		</div>
	</div>
	<div class="nav-item"><span class="nav-text">菜单四</span>
		<div class="nav-link">
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接四1</span></div></div>
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接四2</span></div></div>
		</div>
	</div>
	<div class="nav-item"><span class="nav-text">菜单五</span>
		<div class="nav-link">
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接五1</span></div></div>
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接五2</span></div></div>
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接五3</span></div></div>
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接五4</span></div></div>
			<div class="nav-item-link"><div class="nav-bg-link"><span class="nav-text-link">链接五5</span></div></div>
		</div>
	</div>		
	<div class="nav-center"></div>

</div>

</body></html>